<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        html,body{margin:0;padding:0;}
        .nav{height:40px;line-height: 40px;display: flex;background: #ccc;}
        .nav a{flex:1;text-align: center;}

        .router_view{border: solid 2px #ccc;width:95%;margin: 10px auto;}

        tbody img{width:30px;}
        tbody input[type=number]{width:50px;}

        .cont{width:250px;border:solid 1px black;box-sizing: border-box;float: left;}
        .cont img{width:90%;display: block;margin: 0 auto;}
        .cont p{line-height:20px;height:40px;overflow: hidden;}
        .cont .addCart{display: block;margin: 0 auto;}
    </style>
</head>
<body>
    <div class="nav">
        <a href="#/">首页</a>
        <a href="#/list">商品列表</a>
        <a href="#/cart">购物车</a>
    </div>
    <div class="router_view"></div>
</body>
<script type="module" src="./js/SPAmain.js"></script>
</html>